<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>Material Design Bootstrap</title>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/mdb.min.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
  <link href="css/man.css" rel="stylesheet">
</head>

<body>
  <!-- //登录界面 -->
  <div class="modal fade" id="modalLRForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
  aria-hidden="true">
  <div class="modal-dialog cascading-modal" role="document">
    <!--Content-->
    <div class="modal-content">

      <!--Modal cascading tabs-->
      <div class="modal-c-tabs">

        <!-- Nav tabs -->
        <ul class="nav nav-tabs md-tabs tabs-2 light-blue darken-3" role="tablist">
          <li class="nav-item">
            <a class="nav-link active" data-toggle="tab" href="#panel7" role="tab"><i class="fas fa-user mr-1"></i>
              登录</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" data-toggle="tab" href="#panel8" role="tab"><i class="fas fa-user-plus mr-1"></i>
              注册</a>
          </li>
        </ul>

        <!-- Tab panels -->
        <div class="tab-content">
          <!--Panel 7-->
          <div class="tab-pane fade in show active" id="panel7" role="tabpanel">

            <!--Body-->
            <div class="modal-body mb-1">
              <div class="md-form form-sm mb-5">
                <i class="fas fa-envelope prefix"></i>
                <input type="text" id="modalLRInput10" maxlength="11" class="form-control form-control-sm validate">
                <label data-error="wrong" data-success="right" for="modalLRInput10">学号/手机号</label>
              </div>

              <div class="md-form form-sm mb-4">
                <i class="fas fa-lock prefix"></i>
                <input type="password" id="modalLRInput11" class="form-control form-control-sm validate">
                <label data-error="wrong" data-success="right" for="modalLRInput11">密码</label>
              </div>
              <div class="text-center mt-2" id="parentLogin">
                <button class="btn btn-info">登录<i class="fas fa-sign-in ml-1"></i></button>
              </div>
            </div>
            <!--Footer-->
            <div class="modal-footer">
              <div class="options text-center text-md-right mt-1">
                <p>没有账号? <a href="#" class="blue-text">去注册</a></p>
                <p>忘记 <a href="#" class="blue-text">密码?</a></p>
              </div>
              <button type="button" class="btn btn-outline-info waves-effect ml-auto" data-dismiss="modal">关闭</button>
            </div>

          </div>
          <!--/.Panel 7-->

          <!--Panel 8-->
          <div class="tab-pane fade" id="panel8" role="tabpanel">

            <!--Body-->
            <div class="modal-body">
              <div class="md-form form-sm mb-5">
                <i class="fas fa-envelope prefix"></i>
                <input type="text" id="modalLRInput12" maxlength="11" class="form-control form-control-sm validate">
                <label data-error="wrong" data-success="right" for="modalLRInput12">手机号/学号</label>
              </div>

              <div class="md-form form-sm mb-5">
                <i class="fas fa-lock prefix"></i>
                <input type="password" id="modalLRInput13" class="form-control form-control-sm validate">
                <label data-error="wrong" data-success="right" for="modalLRInput13">你的密码</label>
              </div>

              <div class="md-form form-sm mb-4">
                <i class="fas fa-lock prefix"></i>
                <input type="password" id="modalLRInput14" class="form-control form-control-sm validate">
                <label data-error="wrong" data-success="right" for="modalLRInput14">请确认你的密码</label>
              </div>

              <div class="text-center form-sm mt-2" id="parentZhuce">
                <button class="btn btn-info">注册<i class="fas fa-sign-in ml-1"></i></button>
              </div>

            </div>
            <!--Footer-->
            <div class="modal-footer">
              <div class="options text-right">
                <p class="pt-1">已经有了账号? <a href="#" class="blue-text">去登录</a></p>
              </div>
              <button type="button" class="btn btn-outline-info waves-effect ml-auto" data-dismiss="modal">关闭</button>
            </div>
          </div>
          <!--/.Panel 8-->
        </div>

      </div>
    </div>
    <!--/.Content-->
  </div>
</div>
  <header>
    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg  scrolling-navbar">
      <div class="container smooth-scroll">
        <img src="images/logo.png">
        <!--      <a class="navbar-brand" href="#"><strong>LGO</strong></a>-->

        <div class="collapse navbar-collapse " id="navbarSupportedContent-7">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item mx-3  ">
              <a class="nav-link" href="index.html" data-offset="60">首页</a>
            </li>
            <li class="nav-item mx-3">
              <a class="nav-link" href="about.html" data-offset="60">关于</a>
            </li>
            <li class="nav-item mx-3">
              <a class="nav-link" href="news.html" data-offset="60">华软消息</a>
            </li>
            <li class="nav-item mx-3">
              <a class="nav-link" href="man.html" data-offset="60">华软人员</a>
            </li>
            <li class="nav-item">
              <a href="" data-toggle="modal" data-target="#modalLRForm" data-offset="60" class="nav-link">注册/登录</a>
            </li>
          </ul>

        </div>
      </div>
    </nav>
  </header>
  <div>


    <!-- Main Navigation -->
    <div class="header">
      <div class="view">
        <img class="d-block w-100 concant_img" src="images/pc-华软人物_02.png" alt="First slide">
        <div class="mask rgba-black-slight flex-center">
          <div class="container white-text">
            <div class="row justify-content-between wow animated bounceInLeft">
              <div class="col-7">
                <div style="display:flex;flex-direction: column;" class="flex-center">
                  <p class="w-100" style="font-size:35px;font-weight: 500;">优秀学子 挑战自我</p>
                  <p class="w-100" style="font-size:35px;font-weight: 500;margin-left:100px;margin-top:50px;">追求卓越 全面发展
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="container">
      <h2 class="h1-responsive font-weight-bold my-5" style="text-align: center;">五星系列</h2>
      <div class="row text-center">
        <div class="col-lg-4 col-md-12 mb-lg-0 mb-4 wow animated fadeInDownBig">
          <div class="view overlay rounded z-depth-1">
            <img src="images/pc-华软人物_05.png" class="img-fluid" alt="Sample project image">
            <a>
              <div class="mask rgba-white-slight"></div>
            </a>
          </div>
          <div class="card-body pb-0">
            <h4 class="font-weight-bold my-3">公益之星</h4>
            <p class="grey-text">
              艰辛知人生，实践才长干
            </p>
            <a class="btn btn-indigo btn-sm"><i class="fas fa-clone left"></i> 点击查看</a>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-md-0 mb-4 wow animated fadeInDownBig">
          <div class="card-body pb-0">
            <h4 class="font-weight-bold my-3">自强之星</h4>
            <p class="grey-text">
              热爱生活必将被生活所爱
            </p>
            <a class="btn btn-indigo btn-sm"><i class="fas fa-clone left"></i> 点击查看</a>
          </div>
          <div class="view overlay rounded z-depth-1">
            <img src="images/pc-华软人物_10.png" class="img-fluid" alt="Sample project image">
            <a>
              <div class="mask rgba-white-slight"></div>
            </a>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 wow animated fadeInDownBig">
          <div class="view overlay rounded z-depth-1">
            <img src="images/pc-华软人物_07.png" class="img-fluid" alt="Sample project image">
            <a>
              <div class="mask rgba-white-slight"></div>
            </a>
          </div>
          <div class="card-body pb-0">
            <h4 class="font-weight-bold my-3">创新创业之星</h4>
            <p class="grey-text">
              以赛代练激发创业热情
            </p>
            <a class="btn btn-indigo btn-sm"><i class="fas fa-clone left"></i> 点击查看</a>
          </div>
        </div>
      </div>
    </div>

    <div>
      <div>
        <section class="text-center my-5">
          <div class="row">
            <div class="col-md-12 mb-4">
              <div class="card card-image" style="background-color:#92d6fd">
                <div class="text-white text-center d-flex align-items-center  py-5 px-4 rounded">
                  <div class="contect_flex_left">
                    <h3 class="py-3 font-weight-bold">
                      <strong>如何向师兄师姐学习</strong>
                    </h3>
                  </div>
                  <div class="contect_flex_right">
                    <a class="btn  btn-rounded btn-md" style="background-color:#089bef"><i
                        class="fas fa-clone left"></i> 点击了解</a>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </section>
      </div>
    </div>

    <div class="container">
      <section class="my-5">

        <h2 class="h1-responsive font-weight-bold text-center my-5">军训任务访谈</h2>

        <div class="row">
          <div class="col-lg-5">
            <div class="view overlay rounded z-depth-2 mb-lg-0 mb-4 wow animated flipInY">
              <img class="img-fluid" src="images/pc-华软人物_16.png" alt="Sample image">
              <a>
                <div class="mask rgba-white-slight"></div>
              </a>
            </div>
          </div>
          <div class="col-lg-7 wow animated lightSpeedIn" style="margin-top:100px;">
            <h3 class="font-weight-bold mb-3"><strong> 计算机系江城荣</strong></h3>
            <div> 带着“爱团、爱连、爱岗位;争光、争气、争荣誉”的团风，利用自己的课余时间，到训练场。上为新生们发布号令以及纠正动作</div>
          </div>
        </div>
        <hr class="my-5">

        <div class="row">
          <div class="col-lg-7 wow animated lightSpeedIn" style="margin-top:100px;">
            <h3 class="font-weight-bold mb-3"><strong> 网络系方佳灿</strong></h3>
            <div> 当兵两年的他，再也不是两年前那个老实、腼腆、不爱出门的他了，他将带着他的自信，带着善于交谈的本领，去继续开阔自己的眼界</div>
          </div>
          <div class="col-lg-5">
            <div class="view overlay rounded z-depth-2 mb-lg-0 mb-4 wow animated flipInY">
              <img class="img-fluid" src="images/pc-华软人物_20.png" alt="Sample image">
              <a>
                <div class="mask rgba-white-slight"></div>
              </a>
            </div>
          </div>
        </div>
        <hr class="my-5">

        <div class="row">
          <div class="col-lg-5">
            <div class="view overlay rounded z-depth-2 mb-lg-0 mb-4 wow animated flipInY">
              <img class="img-fluid" src="images/pc-华软人物_22.png" alt="Sample image">
              <a>
                <div class="mask rgba-white-slight"></div>
              </a>
            </div>
          </div>
          <div class="col-lg-7 wow animated lightSpeedIn" style="margin-top:100px;">
            <h3 class="font-weight-bold mb-3"><strong> 数码媒体系林锦海</strong></h3>
            <div> 从退伍军人到优秀导生的华丽转身，他将两年军旅生活的经历和在大学的经验与知识分享给新生，帮助他们在大学里能更好地展现自己</div>
          </div>
        </div>
        <hr class="my-5">

        <div class="row">
          <div class="col-lg-7 wow animated lightSpeedIn" style="margin-top:100px;">
            <h3 class="font-weight-bold mb-3"><strong> 计算机系吴卓遥</strong></h3>
            <div> 军营里“有组织，有纪律”的生活，磨练了他的性子。在思考问题时，他变得更加全方位，多角度。两年，让他完成了蜕变</div>
          </div>
          <div class="col-lg-5">
            <div class="view overlay rounded z-depth-2 mb-lg-0 mb-4 wow animated flipInY">
              <img class="img-fluid" src="images/pc-华软人物_25.png" alt="Sample image">
              <a>
                <div class="mask rgba-white-slight"></div>
              </a>
            </div>
          </div>
        </div>
      </section>
    </div>

    <div class="container">
      <section class="my-5">
        <h2 class="h1-responsive font-weight-bold text-center my-5">考研学子专访</h2>
        <div class="row">
          <div class="col-lg-5">
            <div class="view overlay rounded z-depth-2 mb-lg-0 mb-4 wow animated flipInY">
              <img class="img-fluid" src="images/pc-华软人物_28.png" alt="Sample image">
              <a>
                <div class="mask rgba-white-slight"></div>
              </a>
            </div>
          </div>
          <div class="col-lg-7 wow animated lightSpeedIn" style="margin-top:100px;">
            <h3 class="font-weight-bold mb-3"><strong> 彭遥:一直在路上的考研游子</strong></h3>
            <div>旅行的意义在于，当你走过很多路，到过很多地方，体验着不同的风土人情后，你的见识会得到增长，眼界会得到开拓，而这些东西是你在书本上学不到的一</div>
          </div>
        </div>
      </section>
    </div>

    <div class="container">
      <section class="my-5">

        <!-- Grid row -->
        <div class="row">

          <!-- Grid column -->
          <div class="col-md-12">

            <!-- Card group-->
            <div class="card-group">

              <!-- Card -->
              <div class="card card-personal mb-md-0 mb-4 wow animated bounceIn">

                <!-- Card image-->
                <div class="view overlay">
                  <img class="card-img-top" src="images/pc-华软人物_31.png" alt="Card image cap">
                  <a href="#!">
                    <div class="mask rgba-white-slight"></div>
                  </a>
                </div>
                <!-- Card image-->

                <!-- Card content -->
                <div class="card-body">
                  <!-- Title-->
                  <a>
                    <h4 class="card-title"> 生而为人，自当向善</h4>
                  </a>
                  <!-- Text -->
                  <hr>
                  <p class="card-text"> 成功不在于结果，更重要的是过程，努力过拼搏过，就不会为此而后悔</p>
                </div>
                <!-- Card content -->

              </div>
              <!-- Card -->



              <!-- Card -->
              <div class="card card-personal mb-md-0 mb-4 wow animated bounceIn">

                <!-- Card image-->
                <div class="view overlay">
                  <img class="card-img-top" src="images/pc-华软人物_33.png" alt="Card image cap">
                  <a href="#!">
                    <div class="mask rgba-white-slight"></div>
                  </a>
                </div>
                <!-- Card image-->

                <!-- Card content -->
                <div class="card-body">
                  <!-- Title-->
                  <a>
                    <h4 class="card-title"> 脚踏实地朝自己的目标进发</h4>
                  </a>
                  <!-- Text -->
                  <hr>
                  <p class="card-text"> 努力了就一定会有回报，可能回报未必是当初努力的目标，但它一定会以其他形式出现</p>
                </div>
                <!-- Card content -->

              </div>
              <!-- Card -->



              <!-- Card -->
              <div class="card card-personal mb-md-0 mb-4 wow animated bounceIn">

                <!-- Card image-->
                <div class="view overlay">
                  <img class="card-img-top" src="images/pc-华软人物_34.png" alt="Card image cap">
                  <a href="#!">
                    <div class="mask rgba-white-slight"></div>
                  </a>
                </div>
                <!-- Card image-->

                <!-- Card content -->
                <div class="card-body">
                  <!-- Title-->
                  <a>
                    <h4 class="card-title"> 退伍不褪色，不断前行</h4>
                  </a>
                  <!-- Text -->
                  <hr>
                  <p class="card-text"> 别人做得好他没理由做不好，别人做不到的他应该克服困难去做到</p>
                </div>
                <!-- Card content -->

              </div>
              <!-- Card -->

            </div>
            <!-- Card group-->

          </div>
          <!-- Grid column -->

        </div>
        <!-- Grid row -->

      </section>
      <!-- Section: Group of personal cards -->

    </div>

  </div>

  <!-- Footer -->
  <footer class="page-footer font-small elegant-color  pt-2">

    <div class="container">

      <!-- Grid row-->
      <div class="row">

        <!-- Grid column -->
        <div class="col-md-12">
          <div class="mb-5 flex-center">

            <a class=" mr-md-5 mr-3 ">
              关于我们
            </a>
            <a class=" mr-md-5 mr-3 ">
              产品展示
            </a>
            <a class=" mr-md-5 mr-3 ">
              友情链接
            </a>
          </div>
        </div>
        <!-- Grid column -->

      </div>
      <!-- Grid row-->

    </div>
    <!-- Footer Elements -->
    <!-- Copyright -->
    <div class=" text-center py-4">网站公安备案编号：4001840100050
      粤ICP号：05085382号
    </div>


  </footer>


  <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
  <script type="text/javascript" src="js/popper.min.js"></script>
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <script type="text/javascript" src="js/mdb.min.js"></script>
  <script>
    $(function () {
      new WOW().init();
      $("#parentLogin").click(function () {
      var LoginZhanghao = $("#modalLRInput10").val();
      var LoginMima = $("#modalLRInput11").val();
      var regstr = /^\d{10}|\d{11}$/;
      var regstr2 = /^[0-9a-zA-Z]+$/;
      if(!regstr.test(LoginZhanghao)){
        alert("学号/手机号必须为10-11为数字")
      }else if(!regstr2.test(LoginMima)){
        alert("密码必须数字或者字母")
      }else{
      alert("登录成功")
      window.location.href="index.html";
      }
      })
      $("#parentZhuce").click(function () {
      var LoginZhanghao = $("#modalLRInput12").val();
      var LoginMima1 = $("#modalLRInput13").val();
      var LoginMima2 = $("#modalLRInput14").val();
      var regstr = /^\d{10}|\d{11}$/;
      var regstr2 = /^[0-9a-zA-Z]+$/;
      if(!regstr.test(LoginZhanghao)){
        alert("学号/手机号必须为10-11为数字")
      }else if(!regstr2.test(LoginMima1)){
        alert("密码必须数字或者字母")
      }else if(!regstr2.test(LoginMima2)){
        alert("密码必须数字或者字母")
      }else{
      alert("注册成功")
      window.location.href="index.html";
      }
      })
    })
  </script>
</body>

</html>